<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="app.dashboard"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
        <button class="btn btn-sm btn-icon btn-default pull-right" ng-click="$state.reload()"><i
                class="icon icon-refresh"></i></button>
    </ul>

</div>
<div class="wrapper-md">
    <div class="panel panel-default">
        <div class="row wrapper">
            <div class="col-sm-12 m-b-xs">
                <form class="form-inline" role="form">
                    <div class="form-group m-r-xs">
                        <select ng-model="params.gender" ng-options="m.key as m.value for m in gender"
                                class="form-control input-sm">
                            <option value="">性别</option>
                        </select>
                    </div>
                    <div class="form-group m-r-xs">
                        <div class="input-group">
                            <input type="text" class="form-control input-sm"
                                   uib-datepicker-popup="yyyy-MM-dd"
                                   ng-model="params.beginTime"
                                   is-open="beginOpened"
                                   placeholder="开始日期"
                                   readonly
                                   ng-click="beginOpened = true"
                            />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-sm btn-default"
                                        ng-click="$event.preventDefault();$event.stopPropagation();beginOpened = true">
                                    <i class="glyphicon glyphicon-calendar"></i>
                                </button>
                            </span>
                        </div>
                    </div>
                    <div class="form-group m-r-xs">
                        <div class="input-group">
                            <input type="text" class="form-control input-sm"
                                   uib-datepicker-popup="yyyy-MM-dd"
                                   ng-model="params.endTime"
                                   is-open="endOpened"
                                   placeholder="结束日期"
                                   readonly
                                   ng-click="endOpened = true"
                            />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-sm btn-default"
                                        ng-click="$event.preventDefault();$event.stopPropagation();endOpened = true">
                                    <i class="glyphicon glyphicon-calendar"></i>
                                </button>
                            </span>
                        </div>
                    </div>
                    <div class="form-group m-r-xs">
                        <input class="form-control input-sm" placeholder="手机号、昵称" ng-model="params.search">
                    </div>
                    <button type="submit" class="btn btn-sm btn-default" ng-click="search()">搜索</button>
                </form>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-bordered table-condensed text-nowrap">
                <thead>
                <tr class="b-t b-light">
                    <th ui-order-column="a.mobile">手机号</th>
                    <th>昵称</th>
                    <th class="text-center">性别</th>
                    <th>年龄</th>
                    <th>注册时间</th>
                    <th class="text-center">可用</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="item in pageInfo.list">
                    <td>{{item.mobile}}</td>
                    <td>{{item.nickname}}</td>
                    <td class="text-center">{{item.gender | dict : 'GENDER'}}</td>
                    <td>{{item.age}}</td>
                    <td>{{item.createDate | date : 'yyyy-MM-dd H:mm:ss'}}</td>
                    <td class="text-center">{{item.enabled | dict : 'YES_NO'}}</td>
                    <td>
                        <button ui-sref="app.trip.user.form({id: item.id})" class="btn btn-default btn-sm">详情
                        </button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <!-- 底部分页 -->
        <span data-ng-include=" 'tpl/blocks/pagination.html' "></span>
    </div>
</div>